<template>
	<view class="dd-content">
		<view class="hd-bg"></view>
		<view class="item-box">
			<view class="item">
				<view class="icon iocn-send"></view>
				<view class="info">
					<text class="name">我要寄件</text>
					<text class="text">寄件，一键下单</text>
				</view>
			</view>
			<view class="item">
				<view class="icon icon-check"></view>
				<view class="info">
					<text class="name">快递查询</text>
					<text class="text">快递信息一键查询</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
		}
	},
	onLoad() {
	},
	methods: {

	}
}
</script>

<style lang="less">
.dd-content {
	.hd-bg{
		width: 100%;
		padding-top: 8rpx;
		height: 207rpx;
		background-color: #27b18d;
		background-image: url('http://web.taicibao.com/images/icon-hd-bg.png');
		background-repeat: no-repeat;
		background-size: contain;
	}
	.item-box{
		margin-top:-43rpx;
		padding: 0 43rpx;
		.item{
			padding: 68rpx;
			margin-bottom: 27px;
			background:rgba(255,255,255,1);
			box-shadow:0px 0px 27rpx 0px rgba(10,198,188,0.19);
			border-radius:10rpx;
			display:flex;
			.icon{
				width: 195rpx;
				height: 195rpx;
				display: block;
				border-radius: 195rpx;
				background-color: #F6F6F6;
				background-repeat: no-repeat;
				background-position: center center;
				margin-right: 60rpx;
			}
			.iocn-send{
				background-image: url('http://web.taicibao.com/images/iocn-send.png');
				background-size: 89rpx 133rpx;
				background-position: center center;
			}
				
			.icon-check{
				background-image: url('http://web.taicibao.com/images/icon-check.png');
				background-size: 99rpx 100rpx;
				background-position: 58rpx center;
			}
			.info{
				flex: 1;
				.name{
					display: block;
					line-height: 40rpx;
					font-size:40rpx;
					color:#000;
					padding: 50rpx 0 10px;
				}
				.text{
					font-size:30rpx;
					color:#A6A6A6;
				}
			}
		}
	}
}

</style>
